<template>
    <div>
        <li>
            <a href="#">
              <div class="pic"><img src="@/assets/images/goods1.png" alt="" /></div>
              <div class="txt">
                <h4>KN95级莫兰迪色防护口罩</h4>
                <p>¥ <span>79</span></p>
              </div>
            </a>
          </li>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style  scoped>
li {
  width: 304px;
  height: 404px;
  background-color: #EEF9F4;
}
li {
  display: block;
}
li .pic {
  width: 304px;
  height: 304px;
}
li .txt {
  text-align: center;
}
li h4 {
  margin-top: 17px;
  margin-bottom: 8px;
  font-size: 20px;
}
li p {
  font-size: 18px;
  color: #AA2113;
}
li p span {
  font-size: 22px;
}
</style>